在JavaScript中控制缩略图的大小可以通过设置CSS样式、使用内联样式、调整图片的属性（如width和height）。其中，最简单且常用的方法是直接修改CSS样式，这样可以更好地维护和管理代码。例如，可以通过JavaScript动态地添加和移除CSS类来实现。

使用CSS样式来控制缩略图的大小是最常见的方法之一。通过定义一个特定的类来设置缩略图的宽度和高度，并在JavaScript中动态地应用这个类，可以轻松实现缩略图大小的控制。

.thumbnail {

width: 100px;

height: 100px;

object-fit: cover; /* 保持图片比例 */

}

在JavaScript中，可以使用classList属性来添加或移除这个类。

const image = document.querySelector('img');

image.classList.add('thumbnail');

另一种方法是直接在JavaScript中设置图片的style属性。这种方法更加灵活，但不利于代码的维护。

image.style.width = '100px';

image.style.height = '100px';

这种方法的优点是可以根据不同的条件动态调整图片的大小。例如，可以根据窗口大小调整缩略图的尺寸：

const image = document.querySelector('img');

const newSize = window.innerWidth / 10;

image.style.width = `${newSize}px`;

image.style.height = `${newSize}px`;

});

还可以通过调整图片的width和height属性来控制缩略图的大小。这种方法与内联样式类似，但代码更简洁。

image.width = 100;

image.height = 100;

这种方法的优点是能够保证图片的比例不变，因此在生成缩略图时非常有用。

如果需要